import React, { Component } from 'react'
import css from "../../../static/layout/index.scss"

class Header extends Component {
  constructor(props) {
    super(props)
    const { title } = props
    this.state = { title }
  }

  render() {
    const { title } = this.state
    return (
      <div className='header-container'>
        <h2 className={css.title}>{title}</h2>
        <style jsx>{`
          .header-container {
            height: 60px;
            margin-bottom: 10px;
          }
        `}</style>
      </div>
    )
  }
}

export default Header